@charset "utf-8";
@import "compass";
@import "../common";


/*图片精灵*/
$info-sprite-dimensions:true;
@import "info/*.png";

/* 交易市场 */
$font-info: #333;
body {background: $bg-white;}
.product {
  .title {padding: 12px 0 12px;font-weight: normal;color: $font-info-color-light;}
  a.crumb{
    font-size: 12px;
    height: 22px;
    line-height: 24px;
    border: 1px solid #DDD;
    display: inline-block;
    color: #000;
    margin-bottom: 10px;
    b{
      vertical-align: top;
     padding-left: 11px;
    }
    em{
      padding: 0 5px 0 6px;
      vertical-align: top;
       color: #2c88f4;
    }
    //background-color: #2c88f4;
   
    &:hover{
      border: 1px solid #2c88f4;
      .crumb_c{
        background-color: #2c88f4;
        display: inline-block;
      width: 25px;
      height: 22px;
        background: url("../../icons/close.png") no-repeat center 6px #2c88f4;
      }
    }
    .crumb_c{
      display: inline-block;
      width: 25px;
      height: 22px;
      background: url("../../icons/close.png") no-repeat center -5px;
    }
  }
}

//筛选分类
.summary {margin-bottom: 15px;
  .lists {border: $border-default;border-bottom: none;
    li {padding: 12px 10px 11px;border-bottom: $border-default;
      .text {float: left;width: 90px;text-align: right;color: $font-info-color-light;}
      .more {float: right; width: 60px;border: $border-default;text-align: center;color: $font-info-color-light;
        i {@include triangle(5px,bottom);width: 6px;margin-top: -5px;margin-left: 3px;vertical-align: middle;}
        &.active i {display: none;}
      }
      .cont {margin: 0 80px 0 120px;height: 24px;overflow: hidden;
        a {@include inline-block;width: 100px;margin-bottom: 10px;@extend .link1;}
      }

    }
  }
}

//产品列表
.pro_list {
  .header {background: $bg-default;height: 45px;line-height: 45px;border: $border-default;
    .tab {float: left;margin-right: 20px;
      li {float: left;width: 72px;color: $font-info;text-align: center;border-right: $border-default;cursor: pointer;
        i {display: inline-block;margin-left: 5px;@include info-sprite(up);}
        &.down i{@include rotate(180deg);}
        &.active,&:hover {background: $bg-primary;color: $font-white-color;
          i {@include info-sprite(up2);}
        }
      }

    }
    label {margin: 0 10px 0 20px;color: $font-info-color-light;}
    .input {width: 70px;padding-top: 7px;padding-bottom: 6px;border: $border-default;border-radius: $border-default-radius;}
    .pages {float: right;margin-right: 20px;
      .text {margin-right: 15px;color: $font-info-color-light;}
      a {@extend .link1;}
      .last {
        i {@include triangle(7px,left);width: 8px;}
      }
      .next {
        i {@include triangle(7px,right);width: 8px;margin-top: -2px;}
      }
    }
    .btn {margin-top: 6px;}
  }
}

.table2 {width: 100%;border: $border-default;border-top: none;text-align: center;
  thead th {height: 50px;font-weight: normal;color: $font-info-color;border-bottom: $border-default;}
  tbody {
    tr {border-bottom: $border-default;color: #747474;
      &:hover {background: #f2f2f2;}
    }
    td {height: 65px;}
  }
}